<style>
.main-sidebar{
	background: #20222A!important;
}
.skin-blue .sidebar a{
	color:#F2FAF9!important;
}
.skin-blue .sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a{
	background: #20222A;
	border-color: #20222A;
	border-left: 5px solid #fb6e52;
}
.sidebar-menu>li{
	border:none;
}
.sidebar-menu>li>a{
	height: 30px;
	line-height: 30px;
	padding: 8px 16px 8px 20px;
	box-sizing: content-box;
	border-left: 0px !important;
}
.skin-blue .sidebar-menu>li>.treeview-menu{
	background: rgba(0,0,0,.3)!important;
	padding: 5px 0;
	margin: 0;
}
.skin-blue .treeview-menu>li>a{
	background-image: none;
	padding: 10px 5px 10px 35px;
}
.menu-active > span{
	color: #fff !important;
}
.main-sidebar::-webkit-scrollbar{
  width:0px;
}
</style>

<aside class="main-sidebar" style="overflow-y:auto;">
      <section class="sidebar">
        <!-- search form -->
<!--        <form action="#" method="get" class="sidebar-form">-->
<!--          <div class="input-group">-->
<!--            <input type="text" name="q" class="form-control" placeholder="搜索产品">-->
<!--            <span class="input-group-btn">-->
<!--              <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>-->
<!--            </span>-->
<!--          </div>-->
<!--        </form>-->
        <!-- /.search form -->
        <ul class="sidebar-menu"> 
	      <foreach name="menu_list" item="vo" key="k" >
	      	<notempty name="vo.sub_menu">
        	<li class="treeview">
        	    <a href="javascript:void(0)">
	              <i class="fa {$vo.icon}"></i><span>{$vo.name}</span><i class="fa fa-angle-left pull-right"></i>
	            </a>
	            <ul class="treeview-menu">
	            	<foreach name="vo.sub_menu" item="vv" key="kk">
	            	<!-- <li onclick="makecss(this)" data-id="{$vv.act}_{$vv.control}">
	            		<a href='{:U("$vv[control]/$vv[act]")}' target='rightContent'><i class="fa fa-circle-o"></i>{$vv.name}</a>
	            	</li> -->
					<li><a class="J_menuItem" href="{:U("$vv[control]/$vv[act]")}"> {$vv.name}</a></li>
	            	</foreach>
	            </ul>
        	</li>
        	</notempty>
	      </foreach>  
         <!--   <li class="header">帮助中心</li>
          <li><a href="http://www.vyxjj.cn/index.php/Doc/Index/index" target="_blank"><i class="fa fa-circle-o text-red"></i> <span>使用手册</span></a></li>
          <li><a href="http://www.vyxjj.com/tpshop_video/video.php" target="_blank"><i class="fa fa-circle-o text-yellow"></i> <span>视频教程</span></a></li>
          <li><a href="http://www.vyxjj.cn/index.php/Doc/Index/index" target="_blank"><i class="fa fa-circle-o text-aqua"></i> <span>开发文档</span></a></li>
       --> </ul>


      </section>
</aside>
<script>
	$('.J_menuItem').click(function (){
		var t = $(this);
		console.log(t);
		$('.J_menuItem').css({'background-color':'transparent'});
		$('.J_menuItem').removeClass('menu-active');
		t.css({'background':'#2dc3e8'});
		t.addClass('menu-active');
	})
</script>